<template>
    <section class="goods-footer">
        <div class="footer-left button-group">
            <i-button>修改分组</i-button>
            <i-button v-if="!bShelves">下架</i-button>
            <i-button v-if="bShelves">上架</i-button>
            <i-button>删除</i-button>
            <i-button>会员折扣</i-button>
            <i-dropdown trigger="click">
                <i-button>
                    更多
                    <i-icon type="arrow-down-b"></i-icon>
                </i-button>
                <i-dropdown-menu slot="list">
                    <i-dropdown-item>驴打滚</i-dropdown-item>
                    <i-dropdown-item>炸酱面</i-dropdown-item>
                </i-dropdown-menu>
            </i-dropdown>
        </div>
        <i-page :total="40"  show-elevator show-sizer></i-page>
    </section>
</template>
<script>
export default {
    name: 'goods-footer',
    props: ['bShelves'],
    data() {
        return {}
    }
}
</script>
<style lang="less" scoped>
@import '~@/assets/style/theme/index';
.goods-footer {
    margin-top: @gap;
    display: flex;
    justify-content: space-between;
}
</style>


